@charset "UTF-8";
/*首页index*/
#fullpageMenu {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 999; }

.fp-auto-height {
  height: auto !important; }

.header .nav {
  background: rgba(255, 255, 255, 0.8); }

.section {
  position: relative; }

.section .bg {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  height: 100%;
  width: 100%; }

.now {
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -o-transform: scale(1.03);
  transform: scale(1.03);
  -webkit-transition: width, height, ease-out 2s 4s;
  -moz-transition: width, height, ease-out 2s 4s;
  -o-transition: width, height, ease-out 2s 4s;
  transition: width, height, ease-out 2s 4s; }

.fp-tableCell {
  display: block; }

#fp-nav ul li {
  width: 12px;
  height: 12px; }
  #fp-nav ul li a span {
    width: 12px;
    height: 12px;
    background-color: transparent;
    border: 1px solid #ec6100; }
  #fp-nav ul li a:hover span {
    margin: -2px 0 0 -2px !important; }
  #fp-nav ul li .active span {
    margin: -2px 0 0 -2px !important;
    background: #ec6100; }
  #fp-nav ul li:hover a span {
    width: 12px;
    height: 12px;
    margin: -2px 0 0 -2px !important; }

#section1 .item {
  position: absolute;
  height: 100%;
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }
  #section1 .item:nth-of-type(1) {
    background-image: url(../images/s1-1.jpg); }
  #section1 .item:nth-of-type(2) {
    background-image: url(../images/s1-2.jpg);
    opacity: 0; }

#section1 .s1_txt1 {
  position: absolute;
  width: 120px;
  height: 120px;
  background-image: url(../images/s1-t1.png);
  top: 25%;
  left: 35%;
  z-index: 10;
  opacity: 0;
  background-size: cover; }
  @media screen and (max-width: 1600px) {
    #section1 .s1_txt1 {
      width: 90px;
      height: 90px; } }
  @media screen and (max-width: 1400px) {
    #section1 .s1_txt1 {
      width: 78px;
      height: 78px; } }

#section1 .s1_txt2 {
  position: absolute;
  width: 126px;
  height: 119px;
  background-image: url(../images/s1-t2.png);
  top: 25%;
  left: 43%;
  z-index: 10;
  opacity: 0;
  background-size: cover; }
  @media screen and (max-width: 1600px) {
    #section1 .s1_txt2 {
      width: 94.5px;
      height: 89.25px; } }
  @media screen and (max-width: 1400px) {
    #section1 .s1_txt2 {
      width: 81.9px;
      height: 77.35px; } }

#section1 .s1_txt3 {
  position: absolute;
  width: 231px;
  height: 120px;
  background-image: url(../images/s1-t3.png);
  top: 25%;
  left: 52%;
  z-index: 10;
  opacity: 0;
  background-size: cover; }
  @media screen and (max-width: 1600px) {
    #section1 .s1_txt3 {
      width: 173.25px;
      height: 90px; } }
  @media screen and (max-width: 1400px) {
    #section1 .s1_txt3 {
      width: 150.15px;
      height: 78px; } }

#section1 .s1_txt4 {
  position: absolute;
  width: 309px;
  height: 39px;
  background-image: url(../images/s1-t4.png);
  top: 42%;
  left: 42%;
  z-index: 10;
  opacity: 0;
  background-size: cover; }
  @media screen and (max-width: 1600px) {
    #section1 .s1_txt4 {
      width: 231.75px;
      height: 29.25px; } }
  @media screen and (max-width: 1400px) {
    #section1 .s1_txt4 {
      width: 200.85px;
      height: 25.35px; } }

#section1 .opacit-show {
  filter: alpha(opacity=100);
  opacity: 1; }

#section1 .opacit-stop {
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: width, height, ease-out 0s 0s;
  -moz-transition: width, height, ease-out 0s 0s;
  -o-transition: width, height, ease-out 0s 0s;
  transition: width, height, ease-out 0s 0s; }

#section2 .bg {
  background-image: url(../images/s2.jpg); }

#section2 .s2_txt1 {
  position: absolute;
  width: 705px;
  height: 70px;
  background-image: url(../images/s2-t1.png);
  top: 20%;
  left: 5%;
  z-index: 10;
  opacity: 0;
  background-size: cover;
  -webkit-transition: all ease-out 1.5s 0.5s;
  -moz-transition: all ease-out 1.5s 0.5s;
  -o-transition: all ease-out 1.5s 0.5s;
  transition: all ease-out 1.5s 0.5s; }
  @media screen and (max-width: 1600px) {
    #section2 .s2_txt1 {
      width: 528.75px;
      height: 52.5px; } }
  @media screen and (max-width: 1400px) {
    #section2 .s2_txt1 {
      width: 458.25px;
      height: 45.5px; } }

#section2 .s2_txt2 {
  position: absolute;
  width: 350px;
  height: 58px;
  background-image: url(../images/s2-t2.png);
  top: 30%;
  left: 6%;
  z-index: 10;
  opacity: 0;
  background-size: cover;
  -webkit-transition: all ease-out 1.5s 1s;
  -moz-transition: all ease-out 1.5s 1s;
  -o-transition: all ease-out 1.5s 1s;
  transition: all ease-out 1.5s 1s; }
  @media screen and (max-width: 1600px) {
    #section2 .s2_txt2 {
      width: 262.5px;
      height: 52.5px; } }
  @media screen and (max-width: 1400px) {
    #section2 .s2_txt2 {
      width: 227.5px;
      height: 37.7px; } }

#section2 .opacit-show {
  filter: alpha(opacity=100);
  opacity: 1; }

#section2 .opacit-stop {
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: width, height, ease-out 0s 0s;
  -moz-transition: width, height, ease-out 0s 0s;
  -o-transition: width, height, ease-out 0s 0s;
  transition: width, height, ease-out 0s 0s; }

#section3 .bg {
  background-image: url(../images/s3.jpg); }

#section3 .s3_txt1 {
  position: absolute;
  width: 586px;
  height: 135px;
  background-image: url(../images/s3-t1.png);
  top: 35%;
  right: 5%;
  z-index: 10;
  opacity: 0;
  background-size: cover;
  -webkit-transition: all ease-out 1.5s 0.5s;
  -moz-transition: all ease-out 1.5s 0.5s;
  -o-transition: all ease-out 1.5s 0.5s;
  transition: all ease-out 1.5s 0.5s; }
  @media screen and (max-width: 1600px) {
    #section3 .s3_txt1 {
      width: 439.5px;
      height: 101.25px; } }
  @media screen and (max-width: 1400px) {
    #section3 .s3_txt1 {
      width: 380.9px;
      height: 87.75px; } }

#section3 .s3_txt2 {
  position: absolute;
  width: 586px;
  height: 55px;
  background-image: url(../images/s3-t2.png);
  top: 50%;
  right: 4%;
  z-index: 10;
  opacity: 0;
  background-size: cover;
  -webkit-transition: all ease-out 1.5s 1s;
  -moz-transition: all ease-out 1.5s 1s;
  -o-transition: all ease-out 1.5s 1s;
  transition: all ease-out 1.5s 1s; }
  @media screen and (max-width: 1600px) {
    #section3 .s3_txt2 {
      width: 439.5px;
      height: 41.25px; } }
  @media screen and (max-width: 1400px) {
    #section3 .s3_txt2 {
      width: 380.9px;
      height: 35.75px; } }

#section3 .opacit-show {
  filter: alpha(opacity=100);
  opacity: 1; }

#section3 .opacit-stop {
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: width, height, ease-out 0s 0s;
  -moz-transition: width, height, ease-out 0s 0s;
  -o-transition: width, height, ease-out 0s 0s;
  transition: width, height, ease-out 0s 0s; }

#section4 .bg {
  background-image: url(../images/s4.jpg); }

#section4 .s4_txt1 {
  position: absolute;
  width: 438px;
  height: 71px;
  background-image: url(../images/s4-t1.png);
  top: 41%;
  left: 65%;
  z-index: 10;
  opacity: 0;
  background-size: cover;
  -webkit-transition: all ease-out 1.5s 0.5s;
  -moz-transition: all ease-out 1.5s 0.5s;
  -o-transition: all ease-out 1.5s 0.5s;
  transition: all ease-out 1.5s 0.5s; }
  @media screen and (max-width: 1600px) {
    #section4 .s4_txt1 {
      width: 328.5px;
      height: 53.25px; } }
  @media screen and (max-width: 1400px) {
    #section4 .s4_txt1 {
      width: 284.7px;
      height: 46.15px; } }

#section4 .s4_txt2 {
  position: absolute;
  width: 307px;
  height: 45px;
  background-image: url(../images/s4-t2.png);
  top: 50%;
  left: 65%;
  z-index: 10;
  opacity: 0;
  background-size: cover;
  -webkit-transition: all ease-out 1.5s 1s;
  -moz-transition: all ease-out 1.5s 1s;
  -o-transition: all ease-out 1.5s 1s;
  transition: all ease-out 1.5s 1s; }
  @media screen and (max-width: 1600px) {
    #section4 .s4_txt2 {
      width: 230.25px;
      height: 33.75px; } }
  @media screen and (max-width: 1400px) {
    #section4 .s4_txt2 {
      width: 199.55px;
      height: 29.25px; } }

#section4 .opacit-show {
  filter: alpha(opacity=100);
  opacity: 1; }

#section4 .opacit-stop {
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: width, height, ease-out 0s 0s;
  -moz-transition: width, height, ease-out 0s 0s;
  -o-transition: width, height, ease-out 0s 0s;
  transition: width, height, ease-out 0s 0s; }

.down_arrow {
  position: relative;
  bottom: 90px;
  left: 50%;
  width: 50px;
  height: 50px;
  margin-left: -25px; }
